/* BPMN Properties Panel Styles */
:root {
  --color-grey-225-10-15: rgb(225, 225, 225);
  --color-grey-225-10-35: rgb(225, 225, 225);
  --color-grey-225-10-55: rgb(225, 225, 225);
  --color-grey-225-10-75: rgb(225, 225, 225);
  --color-grey-225-10-95: rgb(225, 225, 225);
  --properties-panel-padding: 12px;
  --properties-panel-group-padding: 12px;
}

.properties-panel-container {
  --properties-panel-width: 300px;
  background-color: #f8f9fa;
}

.bio-properties-panel {
  --font-family: var(--el-font-family);
  --font-size-base: 12px;
  width: 100%;
  color: var(--el-text-color-primary);
  font-family: var(--font-family);
  font-size: var(--font-size-base);
}

.bio-properties-panel-header {
  padding: var(--properties-panel-padding);
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid var(--el-border-color);
}

.bio-properties-panel-group {
  margin: var(--properties-panel-group-padding) 0;
}

.bio-properties-panel-group-header {
  padding: 8px var(--properties-panel-padding);
  font-weight: bold;
  background-color: var(--el-fill-color-light);
}

.bio-properties-panel-group-content {
  padding: var(--properties-panel-padding);
}

.bio-properties-panel-entry {
  margin-bottom: 12px;
}

.bio-properties-panel-label {
  margin-bottom: 4px;
  color: var(--el-text-color-regular);
}

.bio-properties-panel-input {
  width: 100%;
  padding: 5px 8px;
  border: 1px solid var(--el-border-color);
  border-radius: 4px;
}

.bio-properties-panel-select {
  width: 100%;
  padding: 5px 8px;
  border: 1px solid var(--el-border-color);
  border-radius: 4px;
}

.bio-properties-panel-checkbox {
  margin-right: 8px;
}

.bio-properties-panel-description {
  margin-top: 4px;
  color: var(--el-text-color-secondary);
  font-size: 12px;
} 